Ark UI

Zagはstate machineでUIロジックを書いてるがそれをwrapしてるので利用者は普通のUI Componentを使うノリで使える

例

code:ts

import { NumberInput } from '@ark-ui/react';

export function Demo() {

return (

<NumberInput min={-50} max={50}>

<NumberInput.Label>Label</NumberInput.Label>

<NumberInput.Field />

<NumberInput.Control>

<NumberInput.DecrementTrigger>

<button>-1</button>

</NumberInput.DecrementTrigger>

<NumberInput.IncrementTrigger>

<button>+1</button>

</NumberInput.IncrementTrigger>

</NumberInput.Control>

</NumberInput>

);

}